.test1{
    width: 700px;
    height: 200px;
    background: black;
    color: white;
    padding: 20px;
    display: none;
    /*visibility: hidden;*/
}

.test2{
    border: 2px red solid;
    margin-top: 10px;
}

.test3{
    width: 700px;
    display: block;
}

.test4{
    height: 50px;
    width: 70px;
    overflow: scroll;
    clear: right;
}

.test5{
    height: 200px;
    width: 700px;
    float: right;
}

.test6{

}

.test7{
    display: none;
    position: relative;
    width: 100px;
    height: 30px;
    background: #4c6ef5;
    top: 400px;
    left: 30px;
}

.test8{
    display: none;
    position: absolute;
    width: 100px;
    height: 30px;
    background: red;
    top: 30px;
    left: 30px;
}

.test9{
    display: none;
    position: fixed;
    width: 100px;
    height: 30px;
    background: yellow;
    top: 340px;
    left: 30px;
}

.test10{
    z-index: 1000;
    position: absolute;
    width: 120px;
    height: 50px;
    background: red;
    top: 140px;
    left: 30px;
}

.test11{
    position: absolute;
    width: 80px;
    height: 30px;
    background: yellow;
    top: 140px;
    left: 30px;
}
